<template>
  <div>
    <ms-card title="普通骨架屏">
      <ms-skeleton />
    </ms-card>
    <ms-card title="头像骨架屏">
      <ms-skeleton avatar/>
    </ms-card>
    <ms-card title="动画骨架屏">
      <ms-skeleton active avatar />
    </ms-card>
    <ms-card title="行数骨架屏">
      <ms-skeleton avatar :paragraph="10"/>
    </ms-card>
  </div>
</template>

<script>
import MsCard from '@/common/card/components'
import MsSkeleton from './components'
export default {
  components: {
    MsSkeleton,
    MsCard
  }
}
</script>

<style lang="stylus" scope>
  .el-card
    margin-top 10px
</style>
